﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <title>ILD政务项目后台UI框架-960px固定宽度版本</title>
    <meta http-equiv="Content-Type" content="text/html;" charset="utf-8" />
	<script language="javascript" src="theme/javascript/jquery.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="theme/default/css/reset.css">
	<link rel="stylesheet" type="text/css" href="theme/default/css/index.css">
	<script language="javascript" src="theme/javascript/index.js" type="text/javascript"></script>
    	
	<!-- 按钮  begin -->	
	<link rel="stylesheet" type="text/css" href="theme/javascript/css/linkbutton.css">	
	<link rel="stylesheet" type="text/css" href="theme/javascript/css/icon.css">	
	<script language="javascript" src="theme/javascript/nbeport.linkbutton.js" type="text/javascript"></script>
    <!-- 按钮  end -->

	<!--滚动条  begin -->
    <script language="javascript" src="theme/javascript/jquery.tinyscrollbar.min.js" type="text/javascript"></script>	
    <script language="javascript" src="theme/javascript/website.js" type="text/javascript"></script>	
    <script language="javascript" src="theme/javascript/cufon.js" type="text/javascript"></script>	
   
 <!-- 滚动条  end -->
	
	<!-- alert弹窗控件  begin -->
    <link rel="stylesheet" type="text/css" href="theme/javascript/skins/blue.css">
    <script language="javascript" src="theme/javascript/jquery.artDialog.min.js" type="text/javascript"></script>	
    <script language="javascript" src="theme/javascript/artDialog.plugins.min.js" type="text/javascript"></script>	
    <!-- alert弹窗控件  end -->
</head>

<body >

<div id="head" >
    <p>欢迎您，<span class="y">nbeport</span></p>
</div>
<ul class="nav">
  <li   class="cur"><a href="index.html">首页</a></li>
  <li><a href="nav.html">导航条模板</a></li>  
  <li><a href="tip.html">提示框模板</a></li>  
  <li><a href="button.html">按钮模板</a></li>  
  <li><a href="leftmenu.html">左侧菜单模板</a></li>  
  <li><a class="go" href="#">弹窗控件预留</a></li>    
</ul> 

<div id="mainbody">

  <div class="l">
   <div class="name"><span>一级标题</span></div>
   <div class="list" id="list">
   <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
		<div class="viewport">
			 <ul class="overview">		 
              <li><a href="#" class="active"><span>正在进行</span></a></li>
              <li><a href="#"><span>正在进行</span></a></li>
              <li><a href="#"><span>正在进行</span></a></li>
              <li><a href="#"><span>正在进行</span></a></li>
              <li><a href="#"><span>正在进行</span></a></li>
              <li><a href="#"><span>正在进行</span></a></li>
              <li><a href="#"><span>正在进行</span></a></li>
              <li><a href="#"><span>正在进行</span></a></li>
              <li><a href="#"><span>正在进行</span></a></li>			  
   
    		
             </ul>
		</div>
   </div>
  </div>  
  
  <div class="r" >
    <div class="name"><span>内容标题</span></div>
    <div class="content">
  
 
	<div id="scrollbar1">
		<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
		<div class="viewport">
			 <div class="overview">

    <div class="tips"><span>提示框样式</span></div>
	 <h4 class="second_title"><span>这是二级标题</span></h4>

 
    <table class="editbox" cellspacing="0">
			 <tr class="header">
			   <td align="right">内容：</td>  
			   <td align="left"><input class="txt" type="text" /></td>
			   <td align="right">内容：</td>  
			   <td align="left"><input class="txt" type="text" /></td>
			   <td align="right">内容：</td>  
			   <td align="left"><input class="txt" type="text" /></td>
		   
             </tr>
			 <tr class="header">
			   <td align="right">内容：</td>  
			   <td align="left"><input class="txt" type="text" /></td><!--注：这里的input宽度在ie6/7下面是定死的，如果修改请加style-->
			   <td align="right">内容：</td>  
			   <td align="left"><input class="txt" type="text" /></td>
			   <td align="right">内容：</td>  
			   <td align="left"><input class="txt" type="text" /></td>
		   
             </tr>			 
			 </table>	
			
   <table cellpadding="0" cellspacing="0" class="editbox_blue" cellspacing="0">
			 <tr class="header">
			   <td class="left inline" >内容：</td>  
			   <td class="right" ><input class="txt" style="width:282px" type="text" /></td>
			   <td class="left inline" >内容：</td>  
			   <td class="right" ><input class="txt" style="width:282px" type="text" /></td>
             </tr>
			 <tr class="header">
			   <td class="left inline" >内容：</td>  
			   <td class="right" ><input class="txt" style="width:282px" type="text" /></td>
			   <td class="left inline" >内容：</td>  
			   <td class="right" ><input class="txt" style="width:282px" type="text" /></td>
             </tr>	 
			 </table>			 
	<div><!--这里是一些按钮，大家随便用，有不够的我再补充：</br>	--> 
     <a href="#" class="l-btn" icon="icon-remove">移除</a>  
     <a href="#" class="l-btn" icon="icon-save">保存</a>  
     <a href="#" class="l-btn" icon="icon-cut">剪切</a>  
     <a href="#" class="l-btn" icon="icon-ok">确认</a>  
     <a href="#" class="l-btn" icon="icon-no">移除</a>  
     <a href="#" class="l-btn" icon="icon-cancel">取消</a>  
     <a href="#" class="l-btn" icon="icon-reload">刷新</a>  
     <a href="#" class="l-btn" icon="icon-search">搜索</a>  
     <a href="#" class="l-btn" icon="icon-print">打印</a>  
     <a href="#" class="l-btn" icon="icon-help">帮助</a>  
     <a href="#" class="l-btn" icon="icon-undo">撤销</a>  
     <a href="#" class="l-btn" icon="icon-redo">重做</a>  
     <a href="#" class="l-btn" >文本</a>  
     <a href="#" class="l-btn" icon="icon-back">返回</a>  
     <a href="#" class="l-btn" icon="icon-top">置顶</a>  
     <a href="#" class="l-btn" icon="icon-modify">书写</a>  
     <a href="#" class="l-btn" icon="icon-lock">锁定</a>  
	
	
	
	
	</div>
	
	
	

<div class="ild_list3">
	  <h3>这是一个表格，这行标题可以删除</h3>
  
  <table cellspacing="0">
			 <tr class="header">
			   <td>子标题1</td>
			   <td>子标题2</td>
			   <td>子标题3</td>
               <td>子标题4</td>
			   <td>子标题4</td>
			   <td>**</td>
			   <td>**</td>
			   <td>**</td>
			   <td>**</td>	
			   <td>**</td>	
			   <td>**</td>
			   <td>**</td>
			   <td>**</td>						   
			  </tr>	
			 <tr class="e red">
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>	
			   <td>****</td>			   
			  </tr>		
			 <tr class="f red"><!-- 多增加一个red 就是把文字变红，用于拓展使用-->
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>	
			   <td>****</td>					   
			  </tr>
			 <tr class="e">
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>
			   <td>****</td>	
			   <td>****</td>					   
			  </tr>					  
			</table>				
           
<table border="0" cellspacing="0" cellpadding="0" class="ildpagebar">
   <tr>
       <td>本页显示
       <select name="ps" id="ps">
           <option value="10">10</option>
           <option value="15">15</option>
           <option value="30">30</option>
       </select>条/共 18 条信息</td>
       <td class="tdright">
       <a href="javascript:toPage('1');";>首页</a>&nbsp;&nbsp;<a href="javascript:toPage('1')"       >上页</a>&nbsp;&nbsp;
       <a href="javascript:toPage('2')"              >下页</a>&nbsp;&nbsp;<a href="javascript:toPage('2')"       >末页</a>
       &nbsp;&nbsp;&nbsp;&nbsp;转到第<input name="topage" value="1" size="4" />页/共2页
       <label><input type="button" value="go" class="go" name="toPage" id="toPage"/></label></td>
   </tr>
</table>	
	</div>							 
			</div>
		</div>
	</div>	
	</div>
  
  

  </div>   
  
     
</div>   
    <!-- mainbody结尾 -->

	
 
 <div id="footer">
 
   
   <p> 
  <!-- 底部链接 预留 <a href="#">合作企业</a>|<a href="#">联系我们</a>|<a href="#">帮助中心</a></br>-->
   Copyright© 2009 nbeport.gov.cn All Rights Reserved</br>

</p>   


 </div> <!--end of footer -->
</body>
</html>
